<template>
  <div class="adoutUs">
    <div class="banner">
      <p>关于我们</p>
    </div>
    <div class="introduce width">
      <div class="content">
        <h2>公司介绍</h2>
        <div class="line"></div>
        <p>
          中语智汇科技（厦门）有限公司作为一家新兴的智能互联网教育企业，依托云计算、人工智能、大数据、虚拟现实等新一代信息技术，建设开放、多元、智能、共享的智慧教育云平台，提供APP教学应用、智慧教学资源建设、虚拟仿真实验教学平台、教学大数据智能分析等教学服务，致力推动信息技术与新文科、新商科教育的深度创新融合，努力成为优秀的教育云服务、教育大数据领军企业！
        </p>
      </div>
      <div class="image">
        <img src="../assets/img/aboutUs/公司介绍.png" alt="">
      </div>
    </div>
    <div class="cooperation">
      <div class="width">
        <h2>合作院校</h2>
        <div class="line"></div>
        <div class="cooperation-list">
            <img src="../assets/img/aboutUs/奥克兰大学.png" alt="">
            <img src="../assets/img/aboutUs/厦门大学.png" alt="">
            <img src="../assets/img/aboutUs/南开大学.png" alt="">
            <img src="../assets/img/aboutUs/广东外语外贸大学.png" alt="">
            <img src="../assets/img/aboutUs/西南大学.png" alt="">
            <img src="../assets/img/aboutUs/浙江外国语学院.png" alt="">
            <img src="../assets/img/aboutUs/福建商学院.png" alt="">
            <img src="../assets/img/aboutUs/福州理工学院.png" alt="">
            <img src="../assets/img/aboutUs/江西外语外贸职业学院.png" alt="">
            <img src="../assets/img/aboutUs/江苏经贸职业技术学院.png" alt="">
            <img src="../assets/img/aboutUs/山东外贸职业学院.png" alt="">
            <img src="../assets/img/aboutUs/广东工贸职业技术学院.png" alt="">
        </div>
      </div>
    </div>
    <div class="contact width">
      <h2>联系方式</h2>
      <div class="line"></div>
      <div class="about-us">
<!--        <bmap></bmap>-->
        <img src="../assets/img/index/公司地址.png" alt="" width="550px" height="300px">
        <div class="text">
          <h3>中语智汇科技（厦门）有限公司</h3>
          <h6>Zhongyuzhihui Technology (Xiamen) Co., Ltd.</h6>
          <p>地址：厦门市软件园二期望海路19号302单元</p>
          <p>电话 : 0592-5967875   400-0592-528</p>
          <p>邮箱：zyamoy@aliyun.com</p>
          <p>网站 : http://www.zyamoy.com</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
// import Bmap from '../components/BMap'
export default {
  name: 'aboutUs',
  components: {
    // Bmap
  },
  data () {
    return {
    }
  }
}
</script>
<style scoped lang='scss'>
.adoutUs{
  .banner{
    width: 100%;
    height: 500px;
    background-image: url(../assets/img/aboutUs/关于我们banner.png);
    background-size: 100% 100%;
    p{
      font-size: 60px;
      line-height: 500px;
      text-align: center;
      color: #ffffff;
    }
  }
  @media all and (max-width: 750px) {
    .banner{
      height: 360px;
      p{
        line-height: 360px;
      }
    }
  }
  .introduce{
    display: flex;
    justify-content: space-between;
    padding: 100px 0;
    .content{
      width: 50%;
      display: flex;
      flex-direction: column;
      // padding: 30px 0;
      p{
        font-size: 14px;
        line-height: 20px;
      }
    }
    .image{
      width: 40%;
      img{
        width: 100%;
        height: 100%;
      }
    }
  }
  .cooperation{
    padding: 100px 0;
    background-color: #eee;
    .cooperation-list{
      display: flex;
      flex-wrap: wrap;
      margin: 30px 0;
      img{
        width: 33%;
      }
    }
  }
  .contact{
    padding: 80px 0;
    .about-us{
      display: flex;
      margin: 40px 0 20px;
      .text{
        text-align: start;
        padding: 30px 0 0 40px;
        h3{
          font-size: 18px;
          line-height: 60px;
        }
        h6{
          font-size: 16px;
          line-height: 40px;
        }
        p{
          font-size: 14px;
          line-height: 30px;
        }
      }
    }
  }
  h2{
    font-size: 26px;
    line-height: 35px;
  }
  .width{
    width:1000px;
    margin: 0 auto;
  }
  @media all and (max-width: 750px) {
    .width{
      width:960px;
      margin: 0 auto;
    }
  }
  .line{
    width: 70px;
    height: 0px;
    border: #0F5BFC 4px solid;
    border-radius: 4px;
    margin: 20px 0;
  }
}
</style>
